import { ElTableColumn } from 'element-plus'

export default defineComponent({
  name: 'TableColumn',
  props: {
    scope: {
      type: Object,
      default: () => ({})
    }
  },
  components: {
    ElTableColumn
  },
  setup(props, { attrs, slots, emit }) {
    //console.log('props', props.scope)
    //console.log('slots', slots)
    const vSlots: {
      default?: (scope: Record<string, any>) => any
    } = {}

    vSlots.default = scope => (slots.sex as (scope: any) => {})(scope)

    return () => {
      console.log('slots', slots)
      return (
        <div>
          123
          <slot name="sex"></slot>
        </div>
      )
      //return <el-table-column {...attrs} v-slots={vSlots}></el-table-column>
      //return <template v-slots={vSlots} />
    }
  }
})
